<template>
  <div class="hazard">
    <chat-interface ref="chatInterface"/>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import ChatInterface from '@/components/ChatInterface.vue';
@Component({
  methods: {},
  components: {ChatInterface}
})
export default class DataResult extends Vue {
  $refs!: {
    difyContainer: HTMLDivElement;
  };
}
</script>

<style scoped>
.hazard {
  height: calc(100vh - 20px);
  margin: 0;
  padding: 0;
  position: relative;
}

</style>